<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<link rel="bookmark" type="image/x-icon" href="http://static.zcool.cn/git_z/z/site/favicon.ico?version=1517309466392" />
	<link rel="shortcut icon" type="image/x-icon" href="http://static.zcool.cn/git_z/z/site/favicon.ico?version=1517309466392" />
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<link rel="stylesheet" href="${ctxPath}/css/common/main.css" />
    <title>dem</title>
  </head>
  <body>
		<header>
			<div class="menu-box">
			${ctxPath}
				<div class="logo">
					<a>
						<img src="img/logo.svg" alt="logo" style="width:120px; height: 20px;"/>
					</a>
				</div>
				<div class="head-bar-nav">
					<ul>
						<li>首页</li>
						<li><a href="pub/pubone.do">发现</a></li>
						<li>同城</li>
						<li>职位</li>
						<li>活动</li>
						<li>素材</li>
						<li><a href="pub/pubone.do">系统管理</a></li>
						
					</ul>
				</div>
				<div class="head-bar-nav float-right">
					<ul>
						<li><a href="logout.do">退出</a></li>
					</ul>
				</div>
			</div>
		</header>
		<div class="container">
			<div id="demo" class="carousel slide" data-ride="carousel">
			  <!-- 指示符 -->
			  <ul class="carousel-indicators">
			    <li data-target="#demo" data-slide-to="0" class="active"></li>
			    <li data-target="#demo" data-slide-to="1"></li>
			    <li data-target="#demo" data-slide-to="2"></li>
			  </ul>
			 
			  <!-- 轮播图片 -->
			  <div class="carousel-inner">
			    <div class="carousel-item active">
			      <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg">
			    </div>
			    <div class="carousel-item">
			      <img src="https://static.runoob.com/images/mix/img_nature_wide.jpg">
			    </div>
			    <div class="carousel-item">
			      <img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg">
			    </div>
			  </div>
			 
			  <!-- 左右切换按钮 -->
			  <a class="carousel-control-prev" href="#demo" data-slide="prev">
			    <span class="carousel-control-prev-icon"></span>
			  </a>
			  <a class="carousel-control-next" href="#demo" data-slide="next">
			    <span class="carousel-control-next-icon"></span>
			  </a>
			 
			</div>


			
		</div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>